﻿/*.sidebar-menu {
    height:100%;    
    width: 220px;
    background-color: #f3f3f3;
    color:#000;
}

img {
    vertical-align: bottom;
}

.first-menubody {
    vertical-align: middle;
    font-size: 18px;
}

    .first-menubody > a {
        display: block;
        width: inherit;
    }

.sub-menu {
    text-align: center;
    margin-top: 20px;
}

.sub-menubody {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
}

    .sub-menubody:hover {
        animation-name: menuhover;
        animation-duration: 0.5s;
        background-color: #26b11b;
        color: #FFF;
    }

.sub-menu a{
    display:block;
    border-radius:4px;
    margin:10px 0;
}
@keyframes menuhover {
    0% {
        background-color: #26b11b;
        color: #000000;
    }

    /*50% {
        background-color: #80aba9;
    }

    75%{background-color:#5c9291;}

    100% {
        background-color: #26b11b;
        color: #FFF;
    }
}
*/
/*.menu-this{
    background-color:#26b11b;
    color: #FFF;
}*/

.main-menu {
    height: 100vh;
    background-color: #2c3234;
    overflow: auto;
    border: 1px 0 0 0 solid #1f2121;
}

.sidebar-menu{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    color:#000;
    font-size:16px;
    background-color:#f3f3f3;
}

.user-wrap {
    background-image: url(../Image/pic_person.png);
    background-size: cover;
    height:350px;
    text-align:center;
    vertical-align:bottom;
    display:flex;
    flex-direction:column;
    align-content:center;
    justify-content:flex-end;
}

.user-wrap>img{
    width:163px;
    height:49px;
    margin:0 auto;
}

.user-wrap-title {
    font-family: GBYenRound-Heavy;
    font-size: 24px;
    color: #00c3f5;
    letter-spacing:2px
}


.first-menubody{
    display:flex;
    flex-direction:column;
}

.first-menubody i{
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

.menu-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 500;
    background-color: #2c3234;
    height: 40px;
    color: #fff;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #1f2121;
    padding-left: 20px;
}

.menu-body div{
    display:flex;
    align-items:center;
    padding-left:5px;
}

.menu-body div i{
    margin-right:5px;
}

.left-arrow{
    align-self:center;
    background-image:url('/Image/left_arrow.png');
    height:16px;
    width:16px;
    margin-right:5px;
}

.rotate{
    transition:all .5s;
    transform:rotate(-90deg);
}

.sub-menu{
    font-size:14px;
    background-color:#2c3234;
}

    .sub-menu a {
        display: flex !important;
        height: 40px;
        align-items: center;
        border-bottom: 1px solid #1f2121;
    }

.sub-menu a li{
    display:flex;
    align-items:center;
    color:white;
    font-family:"微软雅黑";
}

.sub-menu a:hover{
    color:#00c3f5;
}

.menu-this{
    background-color:#1f2121;
    color:#00c3f5;
}

.sub-menu .menu-this:before {
    content: '';
    background-image: url(../Image/sign_choosed.png);
    width:10px;
    height:41px;
    left:0;
    margin-left:1px;
    color:#00c3f5;
}

.sub-menubody{
    margin-left:60px;
}

.menu-this .sub-menubody{
    color:#00c3f5;
    margin-left:48px;
}

::-webkit-scrollbar {
    width:0px;
}